
// *********************************find页面*******************************
app.controller("findController",function ($scope,$timeout) {

    // console.log("我是整个find页面");
    $timeout(function () {
      // var $finds=(angular.element(document.querySelector('#finds'));
      // var $html(=angular.element(document.querySelector('html'));
      // $finds.css('marginLeft',$html.css('marginLeft'));
      var $bar=angular.element(document.querySelector('#bar'));
      var $spans=angular.element(document.querySelector('.fixs')).children('span');
      var $lis=angular.element(document.querySelector('.fix')).children('li');

      var mySwiper = new Swiper ('.mokuai', {
 		     //控制点****************************************************************
        //touchRatio : 0.4,  //触摸距离与slide滑动距离的比率。
        freeMode : false,	//默认为false，普通模式：slide滑动时只滑动一格，并自动贴合wrapper，设置为true则变为free模式，slide会根据惯性滑动且不会贴合
        longSwipesRatio : 0.5,	//进行longSwipes时触发swiper所需要的最小拖动距离比例，即定义longSwipes距离比例。值越大触发Swiper所需距离越大。最大值0.5。
        resistance : true,	//开启边缘抵抗。当swiper已经处于第一个或最后一个slide时，继续拖动Swiper会离开边界，释放后弹回。边缘抵抗就是拖离边界时的抵抗力。值为false时禁用，将slide拖离边缘时完全没有抗力。可以通过resistanceRatio设定抵抗力大小。
        resistanceRatio : 0, //边缘抵抗设置为零时，完全抵抗，到达边缘处无法拖动

       	// 自定义控制器***********************************************************
        pagination : ".fixs",// 控制器位置
        paginationHide :false,//默认分页器会一直显示。这个选项设置为true时点击Swiper会隐藏/显示分页器
        //paginationType : 'custom', // 控制器自定义命令
        paginationClickable :true,//为true时，点击分页器的指示点分页器会控制Swiper切换。
        scrollbar:'#bar',
        scrollbarHide:false,

    	onTouchEnd: function(swiper,ev){
        $timeout(function () {
          var $headLis=$fix.children('li');
          var $headSpans=angular.element(document.querySelector('.fixs')).children('span');
            // console.log("走不走啊");
          for(var i=0; i<$headSpans.length; i++){

              if($($headSpans[i]).attr('class') == "swiper-pagination-bullet swiper-pagination-bullet-active"){

                  $headLis.css('color','#afa7b4');
                  var index=$($headSpans[i]).index();
                  $($headLis[index]).css('color','#fff');
              }
          }
        },100);
    	}
    });

    var $fix=angular.element(document.querySelector('.fix'));
    var $spans=$fix.children('span');

    // categories下面的ul的子元素li的touchstart事件
      var $categories=angular.element(document.querySelectorAll('.categories'));
      for(var i=0; i<$categories.length; i++){

          var $uls=$($categories[i]).children('ul');
          for(var j=0; j<$uls.length; j++){
              var $lis=$($uls[j]).children('li');

                for(var k=0; k<$lis.length; k++){
                  var brr=[];
                  $lis[k].addEventListener('touchstart',function (e) {
                      brr.length=0;
                  });
                  $lis[k].addEventListener('touchmove',function () {
                      brr.push($(this).parent().scrollLeft());

                      var ind2=brr.length-1;
                      var ind1=brr.length-2;
                      if(brr[ind2] != brr[ind1]){
                           event.stopPropagation();
                      }
                  })
                }
          }
          
      }


      // 修饰头部ul中精选、训练、饮食、商城的样式
          var $headLis=$fix.children('li');
          var $headSpans=angular.element(document.querySelector('.fixs')).children('span');
          // console.log($headSpans);
          for(var i=0; i<$headSpans.length; i++){

            $headSpans[i].temp=i;

            // console.log($headSpans[i].temp);
            $headSpans[i].addEventListener('touchend',function () {
              // console.log('为什么颜色不变呢');
              $headLis.css('color','#afa7b4');
              $($headLis[this.temp]).css('color','#fff');
            });
          }

    },100);

// 调整头部样式
    var $find=angular.element(document.querySelector('#finds'));
    var $faxian=angular.element(document.querySelector('.faxian'));  //p标签（发现）
    var $fix=angular.element(document.querySelector('.fix'));       //ul(盛装精选的ul)
    var $header=angular.element(document.querySelector('#finds-header')); //header
    var $mokuai=angular.element(document.querySelector('.mokuai'));     //模块(四个大的分类)

    var hei=$header.height()-$fix.height();
      $mokuai.css('marginTop',$header.height());

    $mokuai.children('ul').children('li').on('scroll',function () {
      // var m=parseInt($header.css('marginTop'));
          // console.log("这就对了");
          // console.log(m);
        if( $(this).scrollTop() >= hei-10){              //$(this).scrollTop()
          var m=0-hei;
            $header.css('marginTop',m);
            $mokuai.css('marginTop',$fix.height());
            // console.log("这不科学啊");
        }else {
          // m=m-10;
        var n=0-$(this).scrollTop();
        $header.css('marginTop',n);
        // console.log(m);
        // console.log($header.css('marginTop'));
          $mokuai.css('marginTop',$header.height()+n);
        }
        // $(this).css('marginTop',$header.height()+n);

          // console.log($high.css('marginTop'));

    });

});



//**********************************精选部分***********************************
app.controller("jingXuanController",["$http","$scope",function ($http,$scope) {
    // $http({
    //     method: 'GET',
    //     url:"https://api.gotokeep.com/v1.1/ads/banner"
    //
    // }).then(function successCallback(response) {
    //         console.log(response);
    //     }, function errorCallback(response) {
    //         // 请求失败执行代码
    //         console.log(response);
    // });

}])



// ***************************训练部分***************************************
app.controller("xunLianController",function ($scope,$http,$timeout) {
  $http({
          method: 'GET',
          url: './data/xunlian/find_train_banner.json'
      }).then(function (obj) {
          $scope.lists=obj.data.data;
          $timeout(function () {
              var mySwiper = new Swiper ('.xunLianLunBo', {
                  autoplayDisableOnInteraction : false,
                  autoplay: 1000,
                  loop:true
              });
          })
      }, function (err) {
          console.log(err);
  });

   $http({
         method: 'GET',
         url: './data/xunlian/find_train.json'
       }).then(function (obj) {
         $scope.items=obj.data.data.courses;
         }, function (err) {
           console.log(err);
      });

});


// **************************饮食部分****************************************
app.controller("foodController",function ($scope,$http,$timeout) {

  //***********轮播图数据请求***********
  $http({
        method: 'GET',
        url: './data/food/find_diet_banner.json'
      }).then(function (obj) {
        $scope.lists=obj.data.data;
        $timeout(function () {
          var mySwiper = new Swiper ('.foodLunBo', {
              autoplayDisableOnInteraction : false,
              autoplay: 1000,
              loop:true
          });
        })
        }, function (err) {
          console.log(err);
     });
    //***********饮食详情数据***********
     $http({
           method: 'GET',
           url: './data/food/find_diet.json'
         }).then(function (obj) {
           $scope.items=obj.data.data.content;
            var contents=obj.data.data.content.recipeTags;
            $timeout(function () {
              var $content=angular.element(document.querySelectorAll('.content'));
               for(var i=0; i<$content.length; i++){
                 if(contents[i].content==""){
                   $($content[i]).remove();
                   continue;
                 }
                 $($content[i]).html(contents[i].content);
               }

            });


           }, function (err) {
             console.log(err);
        });

});



//****************************** 商城部分************************************
app.controller("mallController",function ($scope,$http,$timeout) {

  // *********商城轮播图数据请求**********
  $http({
        method: 'GET',
        url: './data/mall/find-lunbotu.json'
      }).then(function (obj) {

        $scope.lists=obj.data.data.list;
        $timeout(function(){
          var mySwiper = new Swiper ('.mallLunBo', {
              autoplayDisableOnInteraction : false,
              autoplay: 1000,
              loop:true
          });
        })

        }, function (err) {
          console.log(err);
     });


  // *********商城四大分类数据请求**********

  $http({
      method: 'GET',
      url: './data/mall/find_mall_vcategory.json'
    }).then(function (obj) {

      $scope.categories=obj.data.data.childsCategory;


      }, function (err) {
        console.log(err);
   });

  //  *************NOTICE数据请求****************
  $http({
      method: 'GET',
      url: './data/mall/find_mall_noticeList.json'
    }).then(function (obj) {

      $scope.notices=obj.data.data;

      // *******notice无缝滚动**********
      $timeout(function () {
        var $lis=angular.element(document.querySelectorAll('.note'));
      for(var i=0; i<$lis.length; i++){
        if ($($lis[i]).attr('name')=="") {
          $($lis[i]).children('.icon').css("display","none");                   //需要修改删除不必要的icon
        }
      }
        var mySwiper = new Swiper ('.notice', {
            autoplayDisableOnInteraction : false,
            autoplay: 1000,
            loop:true,
            direction:'vertical'

        });
      })


      }, function (err) {
        console.log(err);
   });


  //***********广告部分数据请求***************

  $http({
      method: 'GET',
      url: './data/mall/find_mall_adv.json'
    }).then(function (obj) {
      $scope.advs=obj.data.data;
      }, function (err) {
        console.log(err);
   });

  //*************商品详情数据请求****************
   $http({
       method: 'GET',
       url: './data/mall/find_mall.json'
     }).then(function (obj) {
       $scope.dets=obj.data.data;

       var arr=obj.data.data;

       $timeout(function () {
         var $categories=angular.element(document.querySelectorAll('.categories'));

         for(var i=0; i<$categories.length; i++){
           var $uls=$($categories[i]).children('ul');

           for(var j=0; j<$uls.length; j++){
               var $lis=$($uls[j]).children('li');
                 for(var k=0; k<$lis.length; k++){
                   var brr=[];

                   $lis[k].addEventListener('touchstart',function (e) {
                     brr.length=0;
                   });

                   $lis[k].addEventListener('touchmove',function () {

                       brr.push($(this).parent().scrollLeft());
                       var ind2=brr.length-1;
                       var ind1=brr.length-2;

                     if(brr[ind2] != brr[ind1]){
                          event.stopPropagation();
                     }

                   })
                 }

           }
         }

        //  console.log(arr);

        // 判断promotionType从而决定是否显示抢购标志
        var $shops=angular.element(document.querySelectorAll('.shopCategories'));

        for(var i=0; i<arr.length; i++){
          var brr=arr[i].recommendEntityDTOList;
          var $shopLis=$($shops[i]).find('li');
          console.log(brr);
          for(var j=0; j<brr.length; j++){
              if(brr[j].promotionType==0){
                console.log(j+'我是没有抢购的元素的下标');
                console.log();
                  $($shopLis[j]).find('.qiangGouIcon').css('display','none');
              };
              if(brr[j].bizType==0){
                  $($shopLis[j]).find('.haiGou').css('display','none');
              };

              if(brr[j].preferentialPrice == brr[j].price){
                  $($shopLis[j]).find('.oldPrice').css('display','none');
              }
          }
        }
       })

       }, function (err) {
         console.log(err);
    });


  //***********限时抢购动画**************

})
